import { AppContext } from '@/pages/App/context'
import React, { useContext } from 'react'
import { useCompanyInfo } from '../Header/hook'
import { StyledAboutWrap } from './style'
export const AboutBrand = () => {
	const AppData = useContext(AppContext)
	const { companyInfo } = useCompanyInfo()
	return (
		<StyledAboutWrap>
			<div>
				<div className="company-icon"></div>
				<div className="systemModeAbbr">/{companyInfo.systemModeAbbr}</div>
				<p className="paragraph">{companyInfo.companyName} 版权所有</p>
				<p className="paragraph">{companyInfo.copyRight}</p>
				<p className="paragraph">
					<span>Version:{AppData.system.appVersion}</span>
					<a href={companyInfo.netAddress1Href} className="system-address">
						{companyInfo.netAddress1Txt}
					</a>
				</p>
			</div>
		</StyledAboutWrap>
	)
}
